document.getElementById('loginForm').addEventListener('submit', async function(event) {
    event.preventDefault(); // 阻止默认的表单提交行为

    // 获取用户输入的凭据
    const userID = document.getElementById('userID').value;
    const password = document.getElementById('password').value;
    const role = document.getElementById('role').value;

    // 发送POST请求到服务器，包含用户的凭据
    try {
        const response = await fetch('/login.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ userID, password, role }) // 使用对象字面量
        });

        // 解析服务器的响应
        const data = await response.json();

        // 根据服务器的响应处理结果
        if (data.success) {
            // 登录成功，根据角色跳转到不同的页面
            switch (role) {
                case 'student':
                    // 将用户ID存储在会话中
                    window.location.href = '/student.php?userID=' + encodeURIComponent(userID);
                    break;
                case 'teacher':
                    window.location.href = '/db.php?userID=' + encodeURIComponent(userID);
                    break;
                case 'admin':
                    window.location.href = '/index2.html?userID=' + encodeURIComponent(userID);
                    break;
                default:
                    alert('未知的角色类型');
            }
        } else {
            // 登录失败，显示错误信息
            alert(data.message);
        }
    } catch (error) {
        console.error('登录请求失败:', error);
        alert('登录过程中发生错误，请检查网络连接或稍后重试。');
    }
});
